import type { Config } from 'tailwindcss'
import plugin from 'tailwindcss/plugin'

export default <Config>{
  // 这里给出了一份 uni-app /taro 通用示例，具体要根据你自己项目的目录结构进行配置
  // 不在 content 包括的文件内，你编写的 class，是不会生成对应的css工具类的
  content: ['./miniprogram/**/*.{html,wxml,js,ts,jsx,tsx,vue}'],
  // 其他配置项
  // ...
  corePlugins: {
    // 小程序不需要 preflight，因为这主要是给 h5 的，如果你要同时开发小程序和 h5 端，你应该使用环境变量来控制它
    preflight: false,
  },
  plugins: [
    plugin(({ addComponents }) => {
      addComponents({
        '.weapp-reset-button': {
          'padding': '0',
          'backgroundColor': 'initial',
          'fontSize': 'inherit',
          'lineHeight': 'inherit',
          'color': 'inherit',
          '&::after': {
            border: 'none',
          },
        },
      })
    }),
  ],
}
